/**
 * createRouter 这个为创建路由的方法
 * createWebHashHistory 这个就是vue2中路由的模式，
 *                      这里的是hash模式，这个还可以是createWebHistory等
 * RouteRecordRaw 这个为要添加的路由记录，也可以说是routes的ts类型
 */
import { createRouter, createWebHashHistory } from 'vue-router'
// 路由记录，这个跟vue2中用法一致，就不做过多解释了
const routes = [
  {
    // 首页
    path: '/',
    component: () => import('@/views/discovery.vue')
  },
  {
    // 发现音乐
    path: '/discovery',
    component: () => import('@/views/discovery.vue')
  },
  {
    // 推荐歌单
    path: '/playlists',
    component: () => import('@/views/playlists.vue')
  },
  {
    // 推荐歌单
    path: '/playlist',
    component: () => import('@/views/playlist.vue')
  },
  {
    // 最新音乐
    path: '/songs',
    component: () => import('@/views/songs.vue')
  },
  {
    // 最新音乐
    path: '/mvs',
    component: () => import('@/views/mvs.vue')
  },
  // mv详情
  {
    path: '/mv',
    component: () => import('@/views/mv.vue')
  },
  // 搜索结果页
  {
    path: '/result',
    component: () => import('@/views/result.vue')
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})
export default router
